<template>
  <div class="container">
    <cell-group :radius="10" width="95%">
      <cell title="显示分享面板" link @click="showPopup('center')"/>
    </cell-group>
    <popup v-model="show" position="bottom" :styles="{height: '215px'}">
      <share-sheet @close="showPopup"></share-sheet>
    </popup>
  </div>
</template>

<script>
import Popup from "../../components/popup";
import CellGroup from "../../components/cell-group";
import Cell from "../../components/cell";
import ShareSheet from "../../components/share-sheet";
export default {
  components: {
    Popup,
    CellGroup,
    Cell,
    ShareSheet
  },
  data() {
    return {
      show: false
    };
  },
  methods: {
    showPopup() {
      this.show = !this.show
    }
  },
};
</script>


<style lang="scss" scoped>
.container {
  min-height: 100vh;
  background: #f7f8fa;
  overflow: hidden;
  padding-top: 20px;
}
</style>